<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <title>CBT个人博客</title>
    <link href="layui/css/layui.css" rel="stylesheet" type="text/css">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/index_style.css" rel="stylesheet" type="text/css">
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="menu" class="hover_animation menu_open" data-mark="false">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div id="navgation" class="navgation navgation_close">
        <ul class="point">
            <li><a href="#">首页</a></li>
            <li><a href="article.html">博客</a></li>
            <li><a href="message.html">留言</a></li>
        </ul>
        <div class="logo"><a>Mr.chen</a></div>
    </div>
    <div class="section" id="section1" style="background:url('image/deskBG.jpg')">
        <div class="fp-tablecell">
            <div class="page1">
                <div class="nav wow zoomIn" data-wow-duration="2s" style="color: coral">
                    <h1>CBT个人博客</h1>
                    <p>最是人间留不住，朱颜辞镜花辞树。</p>
                </div>
                <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="fp-tablecell">
            <div class="page2">
                <div class="warp-box">
                    <div class="new-article">
                        <div class="inner wow fadeInDown" data-wow-delay=".2s">
                            <h1>博客分类</h1>
                            <p>
                                只要朝着一个方向努力
                                <br>一切都会变得得心应手
                            </p>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="image/rc.jpg">
                                    <a href="javascript:void(0)" class="link" onclick="searchByType(1)"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="javascript:void(0)" onclick="searchByType(1)">
                                            日常点滴
                                        </a>
                                    </h4>
                                    <div class="date">
                                        2024年3月3日
                                    </div>
                                    <p>
                                       分享日常点滴...
                                    </p>
                                    <a href="javascript:void(0)" class="btn" onclick="searchByType(1)">
                                        查看
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="image/zy.jpg">
                                    <a href="javascript:void(0)" class="link" onclick="searchByType(2)"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="javascript:void(0)" onclick="searchByType(2)">
                                           资源共享
                                        </a>
                                    </h4>
                                    <div class="date">
                                         2024年3月3日
                                    </div>
                                    <p>
                                        共享各种资源...
                                    </p>
                                    <a href="javascript:void(0)" class="btn" onclick="searchByType(2)">
                                        查看
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="image/qt.jpg">
                                    <a href="javascript:void(0)" class="link" onclick="searchByType(3)"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="javascript:void(0)" onclick="searchByType(3)">
                                            其他
                                        </a>
                                    </h4>
                                    <div class="date">
                                        2024年3月3日
                                    </div>
                                    <p>
                                       暂时没想好，随便放点东西
                                    </p>
                                    <a href="javascript:void(0)" class="btn" onclick="searchByType(3)">
                                        查看
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--    <div class="section" id="section3">-->
<!--        <div class="fp-tablecell">-->
<!--            <div class="page3">-->
<!--                <div class="warp-box">-->
<!--                    <div class="warp">-->
<!--                        <div class="inner">-->
<!--                            <div class="links">-->
<!--                                <ul>-->
<!--                                    <li class="wow fadeInLeft"><a href="#">关于</a></li>-->
<!--                                    <li class="wow fadeInRight"><a href="#">+友情链接</a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
    <div class="section" id="section4" >
        <div class="fp-tablecell">
            <div class="page4">
                <div class="warp-box">
                    <div class="about">
                        <div class="inner">
                            <h1 class="wow fadeInLeft">CBT个人博客</h1>
                            <p class="wow fadeInRight">
                                施工中....
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer wow fadeInUp" id="contact">
        <div class="footer-top">
            <div class="container">
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                        <div class="single-widget about">
                            <div class="footer-logo">
                                <h2>CBT个人博客</h2>
                            </div>
                            <p>前端页面部分特效和页面来自Jquery插件库(作者ZQ)</p>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                        <div class="single-widget">
                            <h2>相关链接</h2>
                            <ul class="social-icon">
                                <li class="active"><a href="#"><i class="fa fa-book"></i>日常点滴</a></li>
                                <li class="active"><a href="#"><i class="fa fa-comments"></i>资源共享</a></li>
                                <li class="active"><a href="#"><i class="fa fa-share"></i>其他</a></li>
                                <li class="active"><a href="#"><i class="fa fa-snowflake-o"></i>留言</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
                        <div class="single-widget contact">
                            <h2>联系我</h2>
                            <ul class="list">
                                <li><i class="fa fa-map"></i>微信: batian1204</li>
                                <li><i class="fa fa-qq"></i>QQ: 1635531558 </li>
                                <li><i class="fa fa-envelope"></i>邮箱: 1635531558@qq.com</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="container">
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                        <p>Copyright &copy; 2024-2025 CBT个人博客</p>
                    </div>
                </div>
            </div>
        </div>  
    </footer>
    <script src="layui/layui.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/index.js"></script>
    <script>
        function searchByType(tno){
            if(tno != null && tno != "" && tno != "null"){
                localStorage.setItem("tno",tno);
                location.href = "article.html"
            }
        }
    </script>
</body>
</html>